<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<title>Scotiabank</title>
<meta name="description" content="">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" media="all" href="css/style.css">
<link rel="stylesheet" type="text/css" media="all" href="fancybox/jquery.fancybox.css">
<!--[if lt IE 8]><script type="text/javascript" src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script><![endif]-->

<style type="text/css">
#slideshowWrapper {
	width:990px;
	border-radius:15px 0 15px 0;
	behavior:url(path/PIE.htc);
	overflow:hidden;
}
#slideshow img {
	/*width:990px;*/
				margin-top:0px;
}
#galeria {
	float:left;
	clear:right;
	padding:0 36px;
}
#galeria div.foto {
	float:left;
	width:92px;
	height:85px;
	margin-left:10px;
	margin-bottom:10px;
	background:#CCC;
}
#galeria div.alpha {
	margin-left:0;
}
</style>
</head>

<body class="container_50">
<div id="header" class="grid_50">
  <div class="grid_12 alpha"><a href="index.html"><img src="img/logo.png" alt=""></a></div>
  <div class="grid_38 omega">
    <div class="clear">&#32;</div>
    <span class="spacer-10">&#32;</span>
    <p class="f-right"> Para cualquier duda o consulta, comunícate con nuestra
      Banca Telefónica al 311-6000. </p>
  </div>
</div>
<div id="content" class="grid_50">
  <div class="top-menu-bg">
    <ul id="nav">
      <li class="n1"> <a class="menutop" href="#">Tarjeta de <b>Crédito</b><span>&#32;</span></a>
        <ul class="sub">
          <li> <a href="#">Tarjeta <b>Clásica</b><span>&#32;</span></a>
            <ul class="sub">
              <li> <a href="#">Tarjeta <b>Visa</b><span>&#32;</span></a>
                <div class="detalle bg1"> 
                  <!-- 1er pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha" style="height:340px;">
                      <h2><b>Beneficios</b></h2>
                      <ul class="lista">
                        <li> Acceso al programa Scotia Puntos y a los mejores
                          promociones y descuentos. </li>
                        <li> Múltiples planes de pago: al contado sin
                          intereses, rotativo o cuotas fijas. </li>
                        <li> Retiros de efectivo desde la red Scotibank y cajeros
                          automáticos afiliados a VISA en el mundo. </li>
                        <li>Compras seguras por Internet.</li>
                        <li>Tarjetas adicionales totalmente gratis.</li>
                        <li> Pago de servicios afiliándote al pago
                          automático. </li>
                        <li>Promociones</li>
                        <li> Cientos de agencias y cajeros express a tu
                          disposición para pagar. </li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 1ro --> 
                  <!-- 2do pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:350px;">
                      <h2>Servicios</h2>
                      <ul class="lista">
                        <li>Consultas y operaciones a través de <b>Scotia en Línea</b>.</li>
                        <li>Asistencia al instante en todo el país.</li>
                        <li>Asistencia mundial.</li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 2do --> 
                  <!-- 3er pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2>Seguros</h2>
                      <ul class="lista">
                        <li>Seguro Desgravamen.</li>
                        <li>Seguro de Accidentes de Viaje (gratis).</li>
                        <li>Seguro de Protección (opcional).</li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 3to --> 
                  <!-- 4to pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2>Requisitos</h2>
                      <ul class="lista">
                        <li>Requisitos Generales:
                          <ul>
                            <li>Ingreso mínimo neto: S/ 1,000</li>
                            <li>Línea de crédito mínima de US$ 350 ó S/. 1,000</li>
                            <li>Sujeto a evaluación credíticia.</li>
                            <li>El Banco podría solicitar información adicional a la descrita.</li>
                          </ul>
                        </li>
                        <li>1) Si ya cuentas con una tarjeta de crédito similar, debes presentar:
                          <ul>
                            <li>Copia de DNI vigente.</li>
                            <li>Último estado de cuenta de la tarjeta de crédito.</li>
                          </ul>
                        </li>
                        <li>2) Si deseas solicitar una tarjeta de crédito sustentando ingresos:
                          <ul>
                            <li>Dependiente - 5ta Categoría
                              <ul>
                                <li>Copia de DNI vigente.</li>
                                <li>Si tienes ingreso fijo, presenta la últina boleta de pago.</li>
                                <li>Último recibo de servicios.</li>
                              </ul>
                            </li>
                            <li>Independiente
                              <ul>
                                <li>Copia de DNI vigente.</li>
                                <li>Tres últimos recibos por honorarios.</li>
                                <li>Declaración jurada de IGV del último año y certificado de retenciones.</li>
                              </ul>
                            </li>
                            <li>Accionista - 3ra Categoría
                              <ul>
                                <li>Seis últimas Declaraciones de Pago de IGV de la empresa.</li>
                                <li>Última Declaración Jurada Anual de impuesto a la renta con voucher de cancelación.</li>
                                <li>Testimonio de Constitución vigente.</li>
                                <li>Mínima participación de la empresa: 35%.</li>
                                <li>Último recibo de servicios.</li>
                              </ul>
                            </li>
                          </ul>
                        </li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 4to --> 
                  <!-- 5to pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2>Tarifas</h2>
                      <ul class="lista">
                        <li>Tarifas.</li>
                        <li>Contrato de Tarjeta de Crédito - Personal Natural.</li>
                        <li>Hoja de Resumen - Tarjeta de Crédito Scotiabank Visa.</li>
                      </ul>
                      <ul class="lista2">
                        <li>Desde el 15/09/2012 la comisión de membresía se incluirá al 100%
                          en el pago mínimo facturado. Según normal de transparencia, si está
                          en desacuerdo con la modificación, puede concluir con el contrato de su
                          Tarjeta de Crédito. Pago Mínimo: 1/36 saldo rotativo + 1/36 capital de las
                          cuotas de mes + intereses totales + comisiones + gastos. Pago de Mes financiado
                          en 36 meses: 1/36 saldo rotativo + las cuotas del mes + intereses + comisiones +
                          gastos. </li>
                        <li>Desde el 01/11/2012 regirán nuevas tasas y tarifas por ello se ha procedido a
                          informar dichos cambios a través de una comunicación personalizada a cada cliente.
                          La comunicación se ha distribuido desde el 03 de setiembre. </li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 5to --> 
                  <!-- 6to pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2>Contratos</h2>
                      <ul class="lista">
                        <li>Curabitur porta massa id leo tempor rhoncus.</li>
                        <li>Sed vulputate vitae augue id condimentum.</li>
                        <li>Donec commodo mi nec bibendum fringilla.</li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 6to --> 
                  <!-- 7mo pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2>Promociones</h2>
                      <ul class="lista">
                        <li>Curabitur porta massa id leo tempor rhoncus.</li>
                        <li>Sed vulputate vitae augue id condimentum.</li>
                        <li>Donec commodo mi nec bibendum fringilla.</li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 7mo --> 
                  <!-- 8vo pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2><b>Socilitar Tarjeta</b></h2>
                      <div id="login">
                        <form method="post" >
                          <p>
                            <input type="text" name="login" value="" placeholder="Nombres">
                          </p>
                          <p>
                            <input type="text" name="login" value="" placeholder="Apellidos">
                          </p>
                          <p>
                            <input type="text" name="login" value="" placeholder="Teléfono">
                          </p>
                          <div class="spacer-10">&#32;</div>
                          <!--<p class="remember_me"><label><input type='checkbox' value='check1' /> Checkbox 1</label></p>--> 
                          <a class="btn-solicitar2">Solícitar</a>
                        </form>
                      </div>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar-activo" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 8vo -->
                  <p> La manera más conveniente de comprar en el Perú y
                    en el mundo, acceder a las mejores opciones de financiamiento. </p>
                  <ul class="tabs">
                    <li><a>&gt; Beneficios</a></li>
                    <li><a>&gt; Servicios</a></li>
                    <li><a>&gt; Seguros</a></li>
                    <li><a>&gt; Requisitos</a></li>
                    <li><a>&gt; Tarifas</a></li>
                    <li><a>&gt; Contratos</a></li>
                    <li><a>&gt; Promociones</a></li>
                    <li><a>&gt; Solicitar Tarjeta</a></li>
                  </ul>
                  <img src="img/tarjeta-credito1.png" /> </div>
              </li>
              <li class="last"> <a href="#">Tarjeta <b>MasterCard</b><span>&#32;</span></a>
                <div class="detalle bg1" style="top:-53px;"> 
                  <!-- 1er pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha" style="height:340px;">
                      <h2><b>Beneficios</b></h2>
                      <ul class="lista">
                        <li>Curabitur porta massa id leo tempor rhoncus.</li>
                        <li>Sed vulputate vitae augue id condimentum.</li>
                        <li>Donec commodo mi nec bibendum fringilla.</li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 1ro --> 
                  <!-- 2do pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:350px;">
                      <h2>Servicios</h2>
                      <ul class="lista">
                        <li>Curabitur porta massa id leo tempor rhoncus.</li>
                        <li>Sed vulputate vitae augue id condimentum.</li>
                        <li>Donec commodo mi nec bibendum fringilla.</li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 2do --> 
                  <!-- 3er pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2>Seguros</h2>
                      <ul class="lista">
                        <li>Curabitur porta massa id leo tempor rhoncus.</li>
                        <li>Sed vulputate vitae augue id condimentum.</li>
                        <li>Donec commodo mi nec bibendum fringilla.</li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 3to --> 
                  <!-- 4to pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2>Requisitos</h2>
                      <ul class="lista">
                        <li>Curabitur porta massa id leo tempor rhoncus.</li>
                        <li>Sed vulputate vitae augue id condimentum.</li>
                        <li>Donec commodo mi nec bibendum fringilla.</li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 4to --> 
                  <!-- 5to pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2>Tarifas</h2>
                      <ul class="lista">
                        <li>Curabitur porta massa id leo tempor rhoncus.</li>
                        <li>Sed vulputate vitae augue id condimentum.</li>
                        <li>Donec commodo mi nec bibendum fringilla.</li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 5to --> 
                  <!-- 6to pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2>Contratos</h2>
                      <ul class="lista">
                        <li>Curabitur porta massa id leo tempor rhoncus.</li>
                        <li>Sed vulputate vitae augue id condimentum.</li>
                        <li>Donec commodo mi nec bibendum fringilla.</li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 6to --> 
                  <!-- 7mo pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2>Promociones</h2>
                      <ul class="lista">
                        <li>Curabitur porta massa id leo tempor rhoncus.</li>
                        <li>Sed vulputate vitae augue id condimentum.</li>
                        <li>Donec commodo mi nec bibendum fringilla.</li>
                      </ul>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 7mo --> 
                  <!-- 8vo pane de contenido -->
                  <div class="pane">
                    <div class="grid_11 suffix_2 alpha"  style="height:340px;">
                      <h2><b>Socilitar Tarjeta</b></h2>
                      <div id="login">
                        <form method="post" >
                          <p>
                            <input type="text" name="login" value="" placeholder="Nombres">
                          </p>
                          <p>
                            <input type="text" name="login" value="" placeholder="Apellidos">
                          </p>
                          <p>
                            <input type="text" name="login" value="" placeholder="Teléfono">
                          </p>
                          <div class="spacer-10">&#32;</div>
                          <!--<p class="remember_me"><label><input type='checkbox' value='check1' /> Checkbox 1</label></p>--> 
                          <a class="btn-solicitar2">Solícitar</a>
                        </form>
                      </div>
                    </div>
                    <img class="foto" src="img/foto1.png" width="220" height="292" /> <a class="btn-solicitar-activo" href="#"><b>Solicitar tarjeta</b></a> </div>
                  <!-- fin 8vo -->
                  <p>Integer sodales porta odio. Donec libero nisi, tincidunt ut aliquam in,
                    bibendum a erat. In imperdiet tristique ultrices.</p>
                  <ul class="tabs">
                    <li><a>&gt; Beneficios</a></li>
                    <li><a>&gt; Servicios</a></li>
                    <li><a>&gt; Seguros</a></li>
                    <li><a>&gt; Requisitos</a></li>
                    <li><a>&gt; Tarifas</a></li>
                    <li><a>&gt; Contratos</a></li>
                    <li><a>&gt; Promociones</a></li>
                    <li><a>&gt; Solicitar Tarjeta</a></li>
                  </ul>
                  <img src="img/tarjeta-credito1.png" /> </div>
              </li>
            </ul>
          </li>
          <li> <a href="#">Tarjeta <b>Oro</b><span>&#32;</span></a> </li>
          <li> <a href="#">Tarjeta <b>Platinum</b><span>&#32;</span></a> </li>
          <li> <a href="#">Tarjeta <b>Signature</b><span>&#32;</span></a> </li>
          <li> <a href="#">Tarjeta <b>Black</b><span>&#32;</span></a> </li>
          <li class="last"> <a href="#">Tarjeta <b>Jockey</b><span>&#32;</span></a> </li>
        </ul>
      </li>
      <li class="n2"> <a class="menutop" href="#">Tarjeta de <b>Débito</b><span>&#32;</span></a>
        <ul class="sub">
          <li> <a href="#">Débito <b>ScotiaCard</b><span>&#32;</span></a>
            <div class="detalle bg2"> 
              <!-- 1er pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Beneficios</b></h2>
                  <ul class="lista">
                    <li>Realiza tus compras sin llevar efectivo y sin comisiones, en miles de establecimientos afiliados a MasterCard
                      (Sólo con PIN) en el Perú y el mundo.</li>
                    <li>Acceso al Programa Scotia Puntos y a las mejores promociones y descuentos.</li>
                    <li>Tarjetas adicionales totalmente Gratis.</li>
                    <li>Master Global Service.</li>
                    <li>Con tu ScotiaCard participa en las 
                      promociones de MasterCard.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 1ro --> 
              <!-- 2do pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Servicios</b></h2>
                  <ul class="lista">
                    <li>Compras seguras en el extranjero.</li>
                    <li>Transacciones telefónicas a través de Banca Telefónica.</li>
                    <li>Red de Agencias a nivel nacional.</li>
                    <li>Acceso a Scotia en Línea.</li>
                    <li>Red de Cajeros Express.</li>
                    <li>Compras por Internet.</li>
                    <li>Controla tus operaciones con "Límite Global Máximo",
                      que te permite elegir el monto diario máximo a disponer por canal.</li>
                    <li>La accesibilidad que te brinda tu Scotiacard te permite retirar dinero desde
                      cualquier cajero Scotiabank y en la red de cajeros Cirrus en el Perú y extranjero.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 2do --> 
              <!-- 3er pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Seguros</b></h2>
                  <ul class="lista">
                    <li>Seguro Multiriesgo completamente GRATIS.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 3er --> 
              <!-- 4to pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Requisitos</b></h2>
                  <ul class="lista">
                    <li>Abrir una Cuenta de Ahorros a Cuenta Corriente.</li>
                    <li>Copia de documento de indentidad.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 4to --> 
              <!-- 5to pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Tarifas</b></h2>
                  <ul class="lista">
                    <li>Tarifario.</li>
                    <li>Preguntas Frecuentes.</li>
                    <li>Contrato de Servicios Bancarios.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 5to --> 
              <!-- 6to pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Contratos</b></h2>
                  <ul class="lista">
                    <li>Curabitur porta massa id leo tempor rhoncus.</li>
                    <li>Sed vulputate vitae augue id condimentum.</li>
                    <li>Donec commodo mi nec bibendum fringilla.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 6to --> 
              <!-- 7mo pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Promociones</b></h2>
                  <ul class="lista">
                    <li>Curabitur porta massa id leo tempor rhoncus.</li>
                    <li>Sed vulputate vitae augue id condimentum.</li>
                    <li>Donec commodo mi nec bibendum fringilla.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 7mo --> 
              <!-- 8vo pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha ">
                  <h2><b>Socilitar Tarjeta</b></h2>
                  <div id="login">
                    <form method="post" >
                      <p>
                        <input type="text" name="login" value="" placeholder="Nombres">
                      </p>
                      <p>
                        <input type="text" name="login" value="" placeholder="Apellidos">
                      </p>
                      <p>
                        <input type="text" name="login" value="" placeholder="Teléfono">
                      </p>
                      <p class="remember_me"> <a class="submit"> Solicitar contacto personal</a> </p>
                      <p class="submit"> <a class="btn-solicitar-activo">Enviar</a> </p>
                    </form>
                  </div>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 8vo -->
              <p> La manera más conveniente de comprar en el Perú y
                en el mundo, acceder a las mejores opciones de financiamiento. </p>
              <ul class="tabs">
                <li><a>&gt; Beneficios</a></li>
                <li><a>&gt; Servicios</a></li>
                <li><a>&gt; Seguros</a></li>
                <li><a>&gt; Requisitos</a></li>
                <li><a>&gt; Tarifas y Contratos</a></li>
              </ul>
              <img src="img/tarjeta-credito2.png" /> </div>
          </li>
          <li class="last"> <a href="#">Débito <b>Gold Chip</b><span>&#32;</span></a>
            <div class="detalle bg2" style="top:-53px;"> 
              <!-- 1er pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Beneficios</b></h2>
                  <ul class="lista">
                    <li>Curabitur porta massa id leo tempor rhoncus.</li>
                    <li>Sed vulputate vitae augue id condimentum.</li>
                    <li>Donec commodo mi nec bibendum fringilla.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 1ro --> 
              <!-- 2do pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Servicios</b></h2>
                  <ul class="lista">
                    <li>Curabitur porta massa id leo tempor rhoncus.</li>
                    <li>Sed vulputate vitae augue id condimentum.</li>
                    <li>Donec commodo mi nec bibendum fringilla.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 2do --> 
              <!-- 3er pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Seguros</b></h2>
                  <ul class="lista">
                    <li>Curabitur porta massa id leo tempor rhoncus.</li>
                    <li>Sed vulputate vitae augue id condimentum.</li>
                    <li>Donec commodo mi nec bibendum fringilla.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 3er --> 
              <!-- 4to pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Requisitos</b></h2>
                  <ul class="lista">
                    <li>Curabitur porta massa id leo tempor rhoncus.</li>
                    <li>Sed vulputate vitae augue id condimentum.</li>
                    <li>Donec commodo mi nec bibendum fringilla.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 4to --> 
              <!-- 5to pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Tarifas</b></h2>
                  <ul class="lista">
                    <li>Curabitur porta massa id leo tempor rhoncus.</li>
                    <li>Sed vulputate vitae augue id condimentum.</li>
                    <li>Donec commodo mi nec bibendum fringilla.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 5to --> 
              <!-- 6to pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Contratos</b></h2>
                  <ul class="lista">
                    <li>Curabitur porta massa id leo tempor rhoncus.</li>
                    <li>Sed vulputate vitae augue id condimentum.</li>
                    <li>Donec commodo mi nec bibendum fringilla.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 6to --> 
              <!-- 7mo pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha" style="height:340px;">
                  <h2><b>Promociones</b></h2>
                  <ul class="lista">
                    <li>Curabitur porta massa id leo tempor rhoncus.</li>
                    <li>Sed vulputate vitae augue id condimentum.</li>
                    <li>Donec commodo mi nec bibendum fringilla.</li>
                  </ul>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 7mo --> 
              <!-- 8vo pane de contenido -->
              <div class="pane">
                <div class="grid_11 suffix_2 alpha ">
                  <h2><b>Socilitar Tarjeta</b></h2>
                  <div id="login">
                    <form method="post" >
                      <p>
                        <input type="text" name="login" value="" placeholder="Nombres">
                      </p>
                      <p>
                        <input type="text" name="login" value="" placeholder="Apellidos">
                      </p>
                      <p>
                        <input type="text" name="login" value="" placeholder="Teléfono">
                      </p>
                      <p class="remember_me"> <a class="submit"> Solicitar contacto personal</a> </p>
                      <p class="submit"> <a class="btn-solicitar-activo">Enviar</a> </p>
                    </form>
                  </div>
                </div>
                <img class="foto" src="img/foto2.png" width="220" height="292" /> <a class="btn-solicitar" href="#"><b>Solicitar tarjeta</b></a> </div>
              <!-- fin 8vo -->
              <p>Integer sodales porta odio. Donec libero nisi, tincidunt ut aliquam in,
                bibendum a erat. In imperdiet tristique ultrices.</p>
              <ul class="tabs">
                <li><a>&gt; Beneficios</a></li>
                <li><a>&gt; Servicios</a></li>
                <li><a>&gt; Seguros</a></li>
                <li><a>&gt; Requisitos</a></li>
                <li><a>&gt; Tarifas y Contratos</a></li>
              </ul>
              <img src="img/tarjeta-credito2.png" /> </div>
          </li>
        </ul>
      </li>
      <ul id="top_menu">
        <li> <a href="#">Visita también</a><span class="arrow">&#32;</span>
          <div class="dropdown sites">
            <ul>
              <li><a target="_blank" href="http://www.scotiabank.com.pe/">Sitio oficial de Scotiabank</a></li>
              <li><a target="_blank" href="http://www.scotiapuntos.com.pe/">Scotia Puntos</a></li>
              <li><a target="_blank" href="http://www.scotiabank.com.pe/clubsueldo/">Clubsueldo</a></li>
              <li><a target="_blank" href="http://www.scotiabank.com.pe/tarjetas/">Tarjetas</a></li>
            </ul>
            <span class="dropdown_arrow">&#32;</span> </div>
        </li>
        <li><a href="javascript:abreventana('http://www.scotiabank.com.pe/forms/contactenos.aspx','agg','width=688,height=500,scrollbars=yes,top=100,left=125');">Contáctanos</a></li>
      </ul>
    </ul>
  </div>
  <div id="main2"> <span class="spacer-20">&#32;</span> <img src="img/tit-noticias.png" width="500" height="30" style="margin:0 20px"> <span class="spacer-10">&#32;</span> <span style="margin:0 20px">Entérate de nuestras noticias, eventos y muchos más... </span> <span class="spacer-20">&#32;</span>
  <!--<div id="menu-tab">
    <ul class="tab">
      <li class="t1"><a href="noticias.html">Noticias</a></li>
      <li class="t2"><a class="current" href="#">Eventos</a></li>
    </ul>
   </div>
-->     <div id="tab-cal">
      <ul class="mes">
        <li><a class="arrow-r" href="#"><img src="img/arrow-r.png"></a></li>
        <li><a href="#">Ago</a></li>
        <li><a href="#l">Jul</a></li>
        <li><a href="#">Jun</a></li>
        <li><a href="#">May</a></li>
        <li><a href="#">Abr</a></li>
        <li><a href="#">Mar</a></li>
        <li><a href="#">Feb</a></li>
        <li><a class="current" href="#">Ene</a></li>
        <li><a class="arrow-l" href="#"><img src="img/arrow-l.png"></a></li>
      </ul>
    </div>
    
    <!--<div class="grid_48 alpha omega">--> 
    <span class="spacer-40">&#32;</span>
    <div class="alpha omega">
      <div id="cont_promos">
        <div class="date clearfix">
          <div class="square-date">
            <div class="month">Ene</div>
            <div class="day">10</div>
          </div>
          <p class="content">Voluntariado en Colegio San Francisco Solano</p>
          <p class="download">En agosto los voluntarios de Scotiabank y Profuturo trabajaron para la preparación de talleres para más de 650 niñas y niños
            de los colegios San Francisco Solanoy San Vicente pertenecientes a la ONG Coprodeli.</p>
        </div>
      </div>
      <span class="spacer-40">&#32;</span>
      <div id="galeria"> &#32; </div>
      <span class="spacer-40">&#32;</span>
      <p class="evento"><a href="eventos.html">&lt;&lt; volver</a></p>
      <span class="spacer-20">&#32;</span> </div>
    <div id="section" class="grid_16 alpha omega">
      <div class="clear"></div>
      <div class="grid_4 alpha banner n1" style="display: block; opacity: 1;"> <a href="promociones.html"><img src="img/section_01_banner.png" alt="" style=
				"opacity: 1;" /> <img src="img/section_01_banner_hover.png" alt="" style=
				"opacity: 1;" /></a> </div>
      <div class="grid_4 banner n2" style="display: block; opacity: 1;"> <a href="#"><img src="img/section_02_banner.png" alt="" style=
				"opacity: 1;" /> <img src="img/section_02_banner_hover.png" alt="" style=
				"opacity: 1;" /></a> </div>
      <div class="grid_4 banner n3" style="display: block; opacity: 1;"> <a href="noticias.html"><img src="img/section_03_banner.png" alt="" style=
				"opacity: 1;" /> <img src="img/section_03_banner_hover.png" alt="" style=
				"opacity: 1;" /></a> </div>
      <div class="grid_4 omega banner n4" style="display: block;"> <a href="#"><img src="img/section_04_banner.png" alt="" style=
				"opacity: 1;" /> <img src="img/section_04_banner_hover.png" alt="" style=
				"opacity: 1;" /></a> </div>
    </div>
  </div>
</div>
<div id="footer" class="grid_50">
  <ul id="bottom_menu">
    <li><a target="_blank" href="http://www.scotiabank.com.pe/acercade/terminos_condiciones.shtml">Términos y Condiciones</a></li>
    <li> <a target="_blank" href="http://www.scotiabank.com.pe/popup_sbs.html">SBS Ley de Transparencia</a> ( <a target="_blank" href="http://www.sbs.gob.pe/0/modulos/JER/JER_Interna.aspx?ARE=0&amp;PFL=1&amp;JER=892">Reglamento</a> / <a target="_blank" href="http://www.sbs.gob.pe/0/modulos/JER/JER_Interna.aspx?ARE=0&amp;PFL=0&amp;JER=154">Tasas</a> / <a target="_blank" href="http://www.sbs.gob.pe/0/modulos/jer/jer_interna.aspx?are=0&pfl=1&jer=1312">Video</a> ) </li>
    <li><a target="_blank" href="http://www.ocn.gob.pe/">OCN Perú</a></li>
    <li><a target="_blank" href="http://www.scotiabank.com/global/es/1,,6716,00.html">FATCA</a></li>
  </ul>
  <div class="clear">&#32;</div>
  <p class="f-right"> Para cualquier duda o consulta, comunícate con nuestra
    Banca Telefónica al 311-6000. </p>
</div>

<!-- Javascript --> 
<script type="text/javascript" src="js/jquery.tools.min.js"></script> 
<script type="text/javascript" src="js/jquery.uniform.min.js"></script> 
<script type="text/javascript" src="js/fadeSlideShow.js"></script> 
<script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script> 
<script type="text/javascript" src="js/jquery.infieldlabel.min.js"></script> 
<script type="text/javascript" src="js/jquery.imagesloaded.min.js"></script> 
<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script> 
<script type="text/javascript" src="js/script.js"></script> 
<script type="text/javascript">
				$('#slideshow').fadeSlideShow({width:990, height:370});
				
		</script> 
<!--<script type="text/javascript">	
				$(document).ready(function() {
				$("#navegacion").load("adds/menu.html");
            
            });
        </script>--> 
<script type="text/javascript">
	$(document).ready(function() {		
		//
		for(var i = 0; i < 18; i++)
		{
			if(i % 9 == 0)
			{
				$('#galeria').append('<div class="foto alpha">' + 
					'<a href="photos/eventos/hgir_' + (i + 1) + '.jpg" rel="work" class="zoom">' + 
					'<img src="photos/eventos/hgir_' + (i + 1) + '.jpg" width="92" height="85" border="0" /></a></div>'); 
			}
			else
			{
				$('#galeria').append('<div class="foto">' + 
					'<a href="photos/eventos/hgir_' + (i + 1) + '.jpg" rel="work" class="zoom">' + 
					'<img src="photos/eventos/hgir_' + (i + 1) + '.jpg" width="92" height="85" border="0" /></a></div>'); 
			}
		}			
		/*
		$('.projects li figure a img').animate({'opacity' : 1}).hover(function() {
			$(this).animate({'opacity' : .5});
		}, function() {
			$(this).animate({'opacity' : 1});
		});*/
		$('.zoom img').animate({'opacity' : 1}).hover(function() {
			$(this).animate({'opacity' : .5});
		}, function() {
			$(this).animate({'opacity' : 1});
		});

		$("a[rel=work]").fancybox({
			openEffect:'elastic',
			closeEffect:'elastic',
		});
		/*$("a[rel=recent_work]").fancybox({
			'transitionIn'		: 'elastic',
			'transitionOut'		: 'elastic',
			'titlePosition' 	: 'over',
			'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
				return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
			}
		});*/
	});
</script>
</body>
</html>